<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!-- 对不识别viewport设备优化 -->
    <meta name="HandheldFriendly" content="true">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <title>个人中心 | 商超世界</title>
    <link rel="icon" type="image/x-icon" href="../favicon.ico" />
    <link rel="stylesheet" href="css/myPersonal.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="../public/css/reset.css">
    <style>

    </style>
</head>

<body>
    <!-- 顶部 -->
    <div class="header">
        <div class="top">
           <a href="javascript:;" class="rright">
                <img style="width:.4rem" src="../public/images/setting@2x.png" alt="">
           </a>
            <span>我的</span>
            <a href="javascript:;" class="lleft">
                <img style="width:.4rem;" src="../public/images/xiaoxi@3x.png" alt="">
            </a>
        </div>
        <div class="bottom">
            <!-- 头像 -->
            <img class="imgs fl" src="../public/images/1.jpg" alt="">
            <!-- 名字和电话 -->
            <div class="tel fl">
                <p>从你的全世界路过</p>
                <span>13633666633</span>
            </div>
            <!-- 查看信息 -->
            <div class="search fr">
                <span>个人信息</span>
                <img src="../public/images/rightArrow@2x.png" alt="">
            </div>
        </div>

    </div>
    <!-- 个人中心主体部分部分 -->
    <div class="bodys">
        <div class="b-top">
            <h2>商家管理</h2>
            <div class="list">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <div class="b-left">
                                <img id="b-rimg" src="../public/images/oldergl@2x.png" alt="">
                                <span>订单管理</span>
                                <div class="b-right fr">
                                    <i>有未处理订单</i>
                                    <img src="../public/images/rightArrow@2x.png" alt="">
                                </div>
                            </div>
                        </a>

                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="b-left">
                                <img id="b-rimg" src="../public/images/goodsgl@2x.png" alt="">
                                <span>商品管理</span>
                                <div class="b-right fr">
                                    <i>有未处理订单</i>
                                    <img src="../public/images/rightArrow@2x.png" alt="">
                                </div>
                            </div>
                        </a>

                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="b-left">
                                <img id="b-rimg" src="../public/images/goodsgl@2x.png" alt="">
                                <span>订单结算</span>
                                <div class="b-right fr">
                                    <i>有未处理订单</i>
                                    <img src="../public/images/rightArrow@2x.png" alt="">
                                </div>
                            </div>
                        </a>

                    </li>
                </ul>
            </div>
        </div>
        <!-- 我的订单管理列表 -->
        <div class="b-middle">
            <div class="w-search">
                <span class="">我的订单</span>
                <a class="fr" href="javascript:;" id="mysearch">
                    <i>查看全部订单</i>
                    <img src="../public/images/rightArrow@2x.png" alt="" style="width:.14rem">
                </a>
            </div>
            <div class="w-list">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="../public/images/daifukuan@2x.png" alt="">
                            <p>待付款</p>
                            <span>5</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../public/images/daifahuo@2x.png" alt="">
                            <p>待发货</p>
                            <span>5</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../public/images/daishouhuo@2x.png" alt="">
                            <p>待收货</p>
                            <span>5</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../public/images/yiwancheng@2x.png" alt="">
                            <p>已完成</p>
                            <span>5</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../public/images/tuikuan@2x.png" alt="">
                            <p>退款</p>
                            <span>5</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 宣传图片 -->
        <div class="b-img">
            <img src="../public/images/guanggao@2x.png" alt="">
        </div>
        <!-- 常用功能 -->
        <div class="b-bottom">
            <h2>常用功能</h2>
            <div class="list">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <div class="b-left">
                                <img id="b-rimg" src="../public/images/zhanghu@2x.png" alt="">
                                <span>我的授信</span>
                                <div class="b-right fr">
                                    <img src="../public/images/rightArrow@2x.png" alt="">
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="b-left">
                                <img id="b-rimg" src="../public/images/shoucang@2x.png" alt="">
                                <span>我的收藏</span>
                                <div class="b-right fr">

                                    <img src="../public/images/rightArrow@2x.png" alt="">
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="b-left">
                                <img id="b-rimg" src="../public/images/pinglun@2x.png" alt="">
                                <span>我的评论</span>
                                <div class="b-right fr">
                                    <img src="../public/images/rightArrow@2x.png" alt="">
                                </div>
                            </div>
                        </a>

                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="b-left">
                                <img id="b-rimg" src="../public/images/code@2x.png" alt="">
                                <span>我的邀请码</span>
                                <div class="b-right fr">
                                    <img src="../public/images/rightArrow@2x.png" alt="">
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="b-left">
                                <img id="b-rimg" src="../public/images/yonghu@2x.png" alt="">
                                <span>我发展的用户</span>
                                <div class="b-right fr">
                                    <img src="../public/images/rightArrow@2x.png" alt="">
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 公共底部 -->
    <div id="footer">
            <ul>
                <!-- 主页 -->
                <li>
                    <a href="">
                        <img src="../mine/images/home.png">
                        <p>首页</p>
                    </a>
                </li>
                <!-- 分类 -->
                <li class="on">
                    <a href="">
                        <img src="../mine/images/class_on.png">
                        <p>分类</p>
                    </a>
                </li>
                <!-- 附近 -->
                <li class="map">
                    <a href="">
                        <img src="../mine/images/map.png">
                        <p>附近商家</p>
                    </a>
                </li>
                <!-- 购物车 -->
                <li>
                    <a href="">
                        <img src="../mine/images/shopCart.png">
                        <p>购物车</p>
                    </a>
                </li>
                <!-- 我的 -->
                <li>
                    <a href="">
                        <img src="../mine/images/mine.png">
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </div>
    <!-- 公共弹窗 -->
    <div id="dom" style="display:none">
        <div class="mask"></div>
        <div class="remind">
            <div class="r-top">
                <span>您有新订单</span>
            </div>
            <!-- 地址 -->
            <div class="r-bottom">
                <div class="lll">
                    <img src="../public/images/1.jpg" alt="" class="fl">
                    <div class="maps fl">
                        <span>配送至：郑州大学西区112号6楼1202室</span>
                    </div>
                </div>

            </div>
            <!-- 列表 -->
            <div class="r-foot">
                <ul>
                    <li>
                        <span class="fl">Richoco纳宝帝巧克力味威化饼干啦啦啦啦啦啦啦啦啦啦啦啦</span>
                        <i class="fr">x1</i>
                    </li>
                    <li>
                        <span class="fl">Richoco纳宝帝巧克力味威化饼干啦啦啦啦啦啦啦啦啦啦啦啦啦</span>
                        <i class="fr">x1</i>
                    </li>
                </ul>
            </div>
            <div class="search">
                <a href="javascript:;">
                    立即查看
                </a>
            </div>
        </div>
        <div class="cancel">
            <a href="javascript:;">
                x
            </a>
        </div>
    </div>
</body>
<script src="../public/js/jquery1.72.js"></script>
<script src="../public/js/rem.js"></script>
<script>
   
    // 弹窗
    $("#mysearch").click(function () {
        $("#dom").css("display", "block");
    })

</script>

</html>